/*-----------------------------------------------------------
    Toggles element's display value
    Input: any number of element id's
    Output: none 
    ---------------------------------------------------------*/
function toggleDisp() {
    for (var i=0;i<arguments.length;i++){
        var d = $(arguments[i]);
        if (d.style.display == 'none')
            d.style.display = 'block';
        else
            d.style.display = 'none';
    }
}

/*function toggleTab() {
	for (var i=0; i<arguments.length;i++){
		var t = $(arguments[i]);
		if(t.id 
	}
}
/*-----------------------------------------------------------
    Toggles tabs - Closes any open tabs, and then opens current tab
    Input:     1.The number of the current tab
                    2.The number of tabs
                    3.(optional)The number of the tab to leave open
                    4.(optional)Pass in true or false whether or not to animate the open/close of the tabs
    Output: none 
    ---------------------------------------------------------*/
function toggleTab(num,numelems) {
	// if the selected tab is not currently displayed
    if ($('tabContent'+num).style.display == 'none'){
		// iterate through each tab
        for (var i=1;i<=numelems;i++){
			var temph = 'tabHeader'+i;
			var h = $(temph);
			if (!h){
				var h = $('tabHeaderActive');
				h.id = temph;
			}

			var tempc = 'tabContent'+i;
			var c = $(tempc);
			if(c.style.display != 'none'){
				toggleDisp(tempc);
			}
        }
        var h = $('tabHeader'+num);
		h.id = 'tabHeaderActive';
		
        h.blur();
        var c = $('tabContent'+num);
        c.style.marginTop = '2px';
        toggleDisp('tabContent'+num);
    }
}